.top-bar{height: 130px; background:url(../images/topbar.jpg) no-repeat center top;}
.logo{float:left; margin-top: 30px;}

.menu{background: #333; height: 50px;}
.menu ul li{position:relative ; z-index:9 ; float:left;}
.menu ul li a{padding:0 39.4px;font-size: 16px; color: #fff;  line-height:50px; display: block; /*text-shadow:#666 1px 1px 0;*/}
.menu ul li a:hover,.menu ul li a.hover{background: #3c69b1;transition:all 0.8s;}
.sub-nav{position:absolute; left:0; top:50px;z-index:9; background:#000; opacity:0.8; display:block;}

/* flexslider */
.flexslider{position:relative;height:450px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/pre1v.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.i-products{height: 300px; overflow: hidden;}
.i-products .con{width:3000px;}
.i-products .item{float: left;width:235px; height:300px; background: #fff; border: 1px solid #ddd; margin: 0 10px;}
.i-products .item img{width:215px; height: 215px; padding: 10px;}
.i-products .item a:nth-child(2){padding: 10px; font-size: 14px; display: block;}


.i-news h2,.i-about h2{ height:40px;background:url(../images/h2ico.jpg) center left no-repeat; font-size: 18px; line-height: 40px; text-indent: 15px; font-weight: normal;}
.i-news{float: right; width:360px; height: 220px; }
.i-news .item{margin-top: 10px; height: 90px;}
.i-news-date{float: left; width: 50px; height: 60px; background: #fff; text-align: center;}
.i-news-date span{width: 100%; display: block; font-size: 30px;}
.i-news-new{float: right; margin-left:10px;width:300px; height: 90px; }
.i-news-title{font-size: 14px; line-height: 30px; font-weight:bold;}
.i-news-new p{text-indent: 2em; line-height: 20px;}

.main{height: 250px; margin-top: 20px; }
.i-about{float: left;width: 620px; height: 250px; overflow: hidden;}
.i-about-img{float: left;width:260px; height: 190px; background: #fff; border: 1px solid #fff; }
.i-about-img img{padding: 5px;}
.i-about-text{float:left; margin-top: 10px; margin-left: 20px;width:330px; height: 190px; }
.i-about p{ line-height: 24px; color: #333; font-size: 14px; text-indent: 2em;}

/*footer*/
.footer{background: #333; height:120px; margin-top:20px; }
.footer-left{float: left; width:600px; height: 120px; }
.footer-left span{float: left; margin-top:30px;font-size:18px; font-weight: bold; color: #bbb; height:30px;}
.footer-left p{float: left; line-height: 30px; color: #555555;}
.footer-right{float: right; padding-top: 20px; width: 350px;}
.footer-right ul li{line-height: 24px; color: #999;}

.sub-left{float:left;width: 270px; overflow: hidden;}
.sub-left h2{height:50px;background:url(../images/h2ico.jpg) center left no-repeat; font-size: 18px; line-height: 50px; text-indent: 15px; font-weight: normal; border-bottom: 1px solid #ddd;
-moz-box-shadow: 0 0 1px #ffffff;/*firefox*/
-webkit-box-shadow: 0 0 1px #ffffff;/*safari或chrome*/
box-shadow:0 0 1px #ffffff;/*opera或ie9*/}
.sub-left dl:nth-child(2){padding-top:10px;}
.sub-left dt{height: 36px; margin-top: -1px; background: #fff; border: 1px solid #ddd; border-left: 3px solid #ddd; text-indent: 10px; font-size: 14px; line-height: 35px;}
.sub-left dt span{background: url(../images/dot2.png) no-repeat center; width: 10px; height:35px; float: right; margin-right: 10px; }
.sub-left dd{ height: 30px; line-height: 30px;border-bottom: 1px dashed #ddd; text-indent: 2em; background: url(../images/dot1.png) no-repeat center left; }
.ddhover{ background: url(../images/dot4.png) no-repeat center !important;}
.sub-left dl dd:last-child{border-bottom: none;}
.sub-left dt.hover{ border-left: 3px solid #3c69b1; color:#3c69b1; }
.company-mane{font-size:18px; line-height:50px; font-weight: bold;}
.sub-left p{font-size: 14px; line-height: 24px;}
.sub-right{float: right; width: 700px;}
.sub-right .mbx{height: 50px; width: 700px; line-height: 60px; font-size: 12px; text-align: right; border-bottom: 1px solid #ddd;	-moz-box-shadow: 0 0 1px #ffffff;/*firefox*/-webkit-box-shadow: 0 0 1px #ffffff;/*safari或chrome*/box-shadow:0 0 1px #ffffff;/*opera或ie9*/}
.sub-right-con{width: 700px; padding-top:10px; }

/*products*/
.product-title{height: 50px; width: 700px; line-height: 50px; font-size: 16px; text-align: left; text-indent:30px; border-bottom: 1px solid #ddd;	-moz-box-shadow: 0 0 1px #ffffff;/*firefox*/-webkit-box-shadow: 0 0 1px #ffffff;/*safari或chrome*/box-shadow:0 0 1px #ffffff;/*opera或ie9*/ background: url(../images/dot3.png) no-repeat left center;}
.product-list .item{float: left;width:160px; height:220px; background: #fff; border: 1px solid #ddd; margin-left: 17px; margin-top: 20px; text-align: center;}
.product-list .item img{width:160px; height: 160px;}
.product-list .item a:nth-child(2){padding: 10px; font-size: 14px; display: block;}

.product-show-main{float: left; width: 700px; height: 320px; padding-bottom: 30px;}
.product-img{float: left;width: 320px; height: 320px; border: 1px solid #ddd;}
.product-introduce{float: right; width: 360px; height: 285px;}
.product-introduce p{font-size: 14px; line-height: 24px;}

.product-down{ float: right; width: 360px; height: 35px;}
.towd{float: right; margin-right: 10px; background: url(../images/towd.jpg) no-repeat center; width: 120px; height: 35px; display: block;}
.dpdf{float: right;background: url(../images/pdf.jpg) no-repeat center; width: 99px; height: 35px; display: block;}
.product-parameter{padding: 20px 0; width: 700px; font-size: 14px; line-height: 24px;}

.down-list {width: 700px; font-size: 14px;}
.down-list dl{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.down-list dl dt,.down-list dl dd{border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.down-list dl dt{float: left; background: #fff; height: 40px; line-height: 40px; text-align: center;}
.down-list dl dd{float: left;height: 40px; line-height: 40px; text-align: center;}
.down-ico{ margin: auto;padding-top:20px;background: url(../images/down-ico.png) no-repeat center; width: 16px; height: 18px; display: block;}

.news-list ul li{line-height: 30px; border-bottom: 1px dashed #ddd; background: url(../images/newslibg.jpg) no-repeat center left; text-indent: 20px;}
.news-list ul li span{float: right; color: #999;}

.news-show h2{font-size: 24px; line-height: 50px; text-align: center;}
.news-info{text-align: center; font-size: 12px; color: #999; line-height: 40px; border-bottom: 1px dashed #ddd;}
.news-content{padding: 20px 0; font-size: 14px; line-height: 24px;}

.require button{margin: auto; margin-top: 30px; margin-left: 290px; width: 120px; line-height: 35px; height: 35px; color: #fff; background: #3c69b1; text-align: center; border:0; cursor: pointer;}
.from-groud{float:left;width: 100%; font-size: 14px; margin-top: 10px;}
.from-groud input{display: block;width: 500px;
height:16px;
padding: 6px 12px;
font-size: 14px;
line-height:1.5;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.from-groud label{float: left; width: 100px; height: 30px; line-height: 30px; text-align: right;}

.contact{padding:30px 0;}
.contact p{font-size:14px; line-height:30px;}

.bysite-qq{margin:auto; display:block; margin-top:50px; width:20px; height:20px; padding:20px 0; background:url(../images/qqsite.png) no-repeat center; border-bottom:1px solid #666;}
.bysite-xq{margin:auto; display:block; margin-top:10px; width:20px; height:100px; padding:10px 0; background:url(../images/penci.png) no-repeat center top; border-bottom:1px solid #666; font-size:14px; text-indent:25px; color:#fff;}
.bysite-xq p{display:block; text-align:center; color:#fff; text-indent:0;}
.bysite-xq p:first-child{padding-top:15px;}
.bysite-xq:hover{color:#fff;}
.bysite-tel{margin:auto; display:block;width:20px; height:20px; padding:20px 0; background:url(../images/sitetel.png) no-repeat center; border-bottom:1px solid #666; position:relative;}
.bysite-code{margin:auto; display:block;width:20px; height:20px; padding:20px 0; background:url(../images/sitecode.png) no-repeat center; border-bottom:1px solid #666;}
.bysite-star{margin:auto; display:block;width:20px; height:20px; padding:20px 0; background:url(../images/star.png) no-repeat center; border-bottom:1px solid #666;}
.tel-info{ position:absolute; left:0px; top:10px; width:155px; background:#333333; color:#fff; height:40px; line-height:40px; text-align:center; font-size:14px; overflow:hidden; z-index:-9;}

.links{ background:#fff; margin-top:30px; border:1px solid #e1e1e1;}
.links h2{width:100%; height:37px; line-height:37px; background:url(../images/box_bg1.jpg) repeat-x; font-size:14px; text-indent:10px;}
.links span{float:left; width:100px; font-size:14px; font-weight:bold; text-align:center; line-height:30px;}
.links a{padding:5px 20px; line-height:30px;}